<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|搜索</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/search.css">
</head>
<body>
<div class="header">
    <a href="index.html"><img class="home-icon" lay-title="回到首页 Ctrl+H" src="images/home.svg" alt=""></a>
    <button class="layui-btn layui-btn-xs logout-btn" type="button" id="logout">退出</button>
</div>
<div class="center" id="center">
    <div class="main" id="main">
        <div class="logo" onclick="window.location.reload();">
            <i class="layui-icon layui-icon-search"></i>
            <h1>网络搜索</h1>
        </div>
        <div class="search-form">
            <input class="layui-input" type="text" id="search_content" value=""/>
            <button class="layui-btn layui-btn-lg" type="button" id="search_btn">搜索</button>
            <ul class="search-items layui-anim layui-anim-fadein"></ul>
            <i class="layui-icon layui-icon-close-fill search-close layui-anim layui-anim-fadein" id="search_close"
               style="display:none;"></i>
        </div>
        <ul class="search-type" id="searchTypeList"></ul>
    </div>
</div>
<div class="footer">
    © 2020 网络收藏夹 || 网络收藏夹版权所有
</div>
<!-- 添加搜索引擎表单 -->
<form class="layui-form" action="" id="searchTypeFrom" lay-filter="searchTypeFrom"
      style="display: none;padding: 10px 20px 10px 10px">
    <input type="hidden" name="id">
    <div class="layui-form-item">
        <label class="layui-form-label">名称</label>
        <div class="layui-input-inline" style="width: 210px;">
            <input type="text" name="name" required lay-verify="required|name" placeholder="请输入引擎名称" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">地址</label>
        <div class="layui-input-inline" style="width: 210px;">
            <textarea name="url" required lay-verify="required|url" placeholder="请输入引擎地址"
                      class="layui-textarea" style="min-height: 80px;"></textarea>
        </div>
        <i class="layui-icon layui-icon-tips tips-icon" lay-title="示例：https://www.baidu.com/s?wd=${keyword}"></i>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="addSearchType">立即提交</button>
            <button type="button" class="layui-btn layui-btn-primary" id="cancelAddSearchType">取消</button>
        </div>
    </div>
</form>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script src="js/search.js"></script>
</body>
</html>
